﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="common/head.jsp" %>

<div class="b_wrap">
    <div class="current"><span>当前所在地：</span><a href="/">首页</a>  >> <a href="旅游团购.html">旅游团购</a> </div>
    <div class="clumn_w clearfix">
        <div class="clu_zb">
            <div class="tab_menu mul_w">
                <ul class="tab_mul">
                    <li class="selected">全自助游</li>
                    <li>途径城市设定</li>
                    <li>入住酒店设定</li>
                    <li>交通设定</li>
                    <li>线路设定</li>
                    <li>特殊需求线路</li>
                </ul>
            </div>
            <div class="tab_box tw_tab"> 
                 <div>
                     <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                 </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                 </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                    </div> 
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                 </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                    </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                    卦</div>         
            </div>
        </div>
        <div class="in">
          <div class="pbox">
            <div id="box" class="box">
              <ul id="imgs">
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
              </ul>
            </div>
            <div class="cons">
              <ul id="num" class="num">
                <li class="act"><a href="#">夏阳湖皇冠假日酒店</a></li>
                <li><a href="#">黄金水岸开业酬宾</a></li>
                <li><a href="#">首尔公寓酒店</a></li>
                <li style="width:140px"><a href="#"> 新加坡文化酒店</a></li>
              </ul>
            </div>
          </div>
        </div>
        <br style="clear:both">
    </div>
	<div class="ftg1">
    	<div class="ftg1_1">
        	<div class="ftg1_1left">城市</div>
            <div class="ftg1_1right">
            	<a href="#" class="f3">国内全部(57)</a>
                <a href="#">天津(2)</a>
                <a href="#">保定(1)</a>
                <a href="#">长春(1)</a>
                <a href="#">哈尔滨(1)</a>
                <a href="#">上海(4)</a>
                <a href="#">杭州(4)</a>
                <a href="#">厦门(5)</a>
                <a href="#">国内全部(57)</a>
                <a href="#">天津(2)</a>
                <a href="#">保定(1)</a>
                <a href="#">长春(1)</a>
                <a href="#">哈尔滨(1)</a>
                <a href="#">上海(4)</a>
                <a href="#">杭州(4)</a>
                <a href="#">厦门(5)</a>
            </div>
            <br style="clear:both">
        </div>
        <div class="ftg1_1">
        	<div class="ftg1_1left">类型</div>
            <div class="ftg1_1right">
            	<a href="#" class="f3">全部类型(57)</a>
                <a href="#">旅游线路(2)</a>
                <a href="#">景点门票(1)</a>
            </div>
            <br style="clear:both">
        </div>
    </div>
    <div class="ftg2">
    	<div class="ftg2_1">排序：</div>
        <div class="ftg2_2"><a href="#" class="f5">默认</a><a href="#">销量&nbsp;<img src="statics/portal/images/ftgicon1.png" align="absmiddle"></a><a href="#">价格&nbsp;<img src="images/ftgicon1.png" align="absmiddle"></a></div>
    </div>
    <div class="ftg3">
    	<div class="ftg3_top">旅游团购</div>
        <div class="ftg3_m">
        	<div class="ftg3_m1">
            	<div class="ftg3_m1pic"><A href="旅游团购 - 详情.html"><img src="statics/portal/images/ftgpic1.png" border="0"></A></div>
                <div class="ftg3_m1text1"><A href="旅游团购 - 详情.html">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</A></div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <div class="ftg3_m1">
            	<div class="ftg3_m1pic"><img src="statics/portal/images/ftgpic1.png" border="0"></div>
                <div class="ftg3_m1text1">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <div class="ftg3_m1">
            	<div class="ftg3_m1pic"><img src="statics/portal/images/ftgpic1.png" border="0"></div>
                <div class="ftg3_m1text1">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <div class="ftg3_m1">
            	<div class="ftg3_m1pic"><img src="statics/portal/images/ftgpic1.png" border="0"></div>
                <div class="ftg3_m1text1">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <div class="ftg3_m1">
            	<div class="ftg3_m1pic"><img src="statics/portal/images/ftgpic1.png" border="0"></div>
                <div class="ftg3_m1text1">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <div class="ftg3_m1">
            	<div class="ftg3_m1pic"><img src="statics/portal/images/ftgpic1.png" border="0"></div>
                <div class="ftg3_m1text1">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <div class="ftg3_m1">
            	<div class="ftg3_m1pic"><img src="statics/portal/images/ftgpic1.png" border="0"></div>
                <div class="ftg3_m1text1">[上海] 【上海直飞厦门挂五鼓浪湾大酒店3日自
由行 前10返100】往返含税机票+鼓浪湾大酒</div>
                <div class="ftg3_m1text2">
                	<span class="ftgspan1">￥699</span>
                    <span class="ftgspan2"><img src="statics/portal/images/ftgicon2.png">￥7200.00</span>
                    <span class="ftgspan3"><a href="#">6</a>人已购买</span>
                </div>
            </div>
            <br style="clear:both">
        </div>
    </div>
</div>

<script type="text/javascript" src="statics/portal/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="statics/portal/js/imgtoggle.js"></script>
<script type="text/javascript">
window.onload=function(){
    var iTgl=new k_iToggle();
        iTgl.init({
            boxId:'box',
            numId:'num',
            imgId:'imgs',
            isAuto:true,
            aCls:'act',
            iCls:'imgs1',
            direct:'crt'
        });
        chg(iTgl,'chg');
        _auto(iTgl,'auto_1');
        
    //改变方向
    function chg(o,id){
        $('#'+id).click(function(){
            if(o.direct()=='crt'){
                o.direct('lvl');
                $(this).text('纵向');
            }else{
                o.direct('crt');
                $(this).text('横向');
            }
        });
    }
    
    function _auto(o,id){
        $('#'+id).click(function(){
            if(o.isAuto){
                o.isAuto=false;
                $(this).text('自动播放已停止');
            }else{
                o.isAuto=true;
                o.auto();
                $(this).text('自动播放');
            }
        });
    }
}

</script>
<script type="text/javascript"> 
    $(function(){
        var wweya_li =$("div.tab_menu ul li");
        wweya_li.click(function(){
        $(this).addClass("selected")            
         .siblings().removeClass("selected");  
            var index =  wweya_li.index(this); 
        $("div.tab_box > div")  
        .eq(index).show(100)   
            .siblings().hide(); 
                }).hover(function(){
            $(this).addClass("hover");
        },function(){
            $(this).removeClass("hover");           
        });
    });
</script>
<script type="text/javascript">
$(function(){
	$("#grouppurchase").addClass("cur");
	$("#grouppurchase").siblings().removeClass("cur");
})
</script>
<%@ include file="common/foot.jsp" %>